// Ant Design 样式覆盖
// 这里我们可以覆盖组件的默认样式

// 表格样式调整
.ant-table {
  .ant-table-thead > tr > th {
    font-weight: 600;
    background-color: #f5f7fa;
  }
}

// 按钮样式调整
.ant-btn {
  &.ant-btn-primary {
    &:hover,
    &:focus {
      opacity: 0.85;
    }
  }
}

// 表单样式调整
.ant-form-item-label > label {
  color: rgba(0, 0, 0, 0.85);
}

// 侧边栏样式调整
.ant-menu-dark {
  &.ant-menu-inline {
    .ant-menu-sub {
      background-color: #001529;
    }
  }
}

.ant-menu-inline {
  border-right: none;
}

// 弹窗样式调整
.ant-modal-header {
  padding: 16px 24px;
  border-bottom: 1px solid #f0f0f0;
}

// 卡片样式调整
.ant-card {
  .ant-card-head {
    padding: 0 16px;
    min-height: 48px;
    
    .ant-card-head-title {
      padding: 12px 0;
    }
  }
  
  .ant-card-body {
    padding: 16px;
  }
} 